﻿@charset "utf-8";
@font-face {
    font-family: "UKIJ Tuz Tom";
    src: url("/static/font/UKIJTuT.eot?") format("eot"),url("/static/font/UKIJTuT.svg#UKIJTuzTom") format("svg"),url("/static/font/UKIJTuT.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
* { margin: 0px;outline:none}
body { background-color: #c5ab8c; background: url(../img/Admin/5-120601092224.gif); -webkit-user-select: none; -o-user-select: none; user-select: none; }
.body_101{font-family: "微软雅黑", "黑体";}
.body_1{  font-family:"ukij tuz tom" }
.body_1 button{font-family:"ukij tuz tom"}
.ch20 { height: 20px; overflow: hidden; clear: both; }
td { font-size: 10pt; }
#Login { background-color: #FFF; width: 600px; min-height: 470px; margin: 100px auto 0 auto; overflow: hidden; padding: 5px; box-shadow: 10px 10px 30px #1b2424; border-radius: 10px; }
#Login h2 { background: #242424 url(../img/logo.png) no-repeat 30px center; background-size:50px 50px; color: #FFF; padding: 0px; line-height: 100px; height: 100px; font-weight: 100; padding-left: 100px; border-radius: 8px 8px 0 0; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
#Login h3 { background-color: #fff; color: #fff; font-size: 10pt; font-weight: 100; line-height: 40px; text-align: right; padding-right: 10px; }
.inputs {  width: 330px; margin: 20px auto; min-height: 30px; padding: 0 0 0 40px; font-size: 11pt; color: #666; }
.inputs input { width: 280px; height: 30px; margin: 0px; padding: 0px; border: none; line-height: 30px; outline: none;border-bottom: 1px solid #ccc; }
.buttons { width: 340px; margin: 20px auto; height: 30px; }
div.user { background: url(../img/user_name.png) no-repeat 3px 3px; }
div.password { background: url(../img/user_password.png) no-repeat 3px 3px; }
div.lang { background: url(../img/lang.png) no-repeat 3px 3px; }
select { border: none; width: 285px; line-height: 30px; height: 25px; outline: none }
.status { width: 370px; margin: 20px auto; clear: both; }
.laoding { height: 40px; background: #f4f4f4 url(../img/laoding.gif) no-repeat 5px center; line-height: 40px; padding-left: 40px; color: #1279af; display: none; }
.warnig { background: #f4f4f4 url(../img/warnig.png) no-repeat 5px center; line-height: 40px; padding-left: 40px; color: #333; height: 40px; display: none; }
.complete { background: #f4f4f4 url(../img/complete.png) no-repeat 5px center; line-height: 40px; padding-left: 40px; color: #333; height: 40px; display: none; }
.verification { min-height: 30px; }
.verification input { height: 26px; float: left; font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; border:none; border-bottom:1px solid #ccc; text-align:center; width:160px}
.verification img { display: block; float: left; width: 90px; height: 30px; margin-left: 10px; }
button{ width:140px; height:40px;}

div.help{ text-align:center; margin:40px 0 10px 0; }
div.help a{font-size:9px; color:#ccc;}

.load-container { border: 1px solid rgba(255, 255, 255, 0.1); height: 50px; position: absolute; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; display: none; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.1); }
.load-container .loader { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); top: 84%; }
.load-container .loader:before, .load-container .loader:after, .load-container .loader { border-radius: 50%; width: 30px; height: 30px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load 1.8s infinite ease-in-out; animation: load 1.8s infinite ease-in-out; }
.load-container .loader { margin: 0 auto; position: relative; text-indent: -9999em; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.load-container .loader:before { left: -40px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.load-container .loader:after { left: 40px; }
.load-container .loader:before, .loader:after { content: ''; position: absolute; top: 0; }


input.error, textarea.error, select.error { border-bottom:2px solid #ff0000;  color: #ff0000; }
div.error{ background:#590000; color:#fff; padding:10px; margin:2px 0 0 0; clear:both; border-radius:0 0 7px 7px; animation:erroring 1s; font-size:12px; text-align:center;}

div.user div.error,
div.password div.error{ width:270px;}


@keyframes erroring {
    25%, 75%{ background-color:#590000 }
	0%, 50%,100%{ background-color:#ae0000 }
}
@-webkit-keyframes load {
    0%, 80%, 100% { box-shadow: 0 30px 0 -15px #0b5196; }
    40% { box-shadow: 0 30px 0 0 #0b5196; }
}

@keyframes load {
    0%, 80%, 100% { box-shadow: 0 30px 0 -15px #00588b; }
    40% { box-shadow: 0 30px 0 0 #00588b; }
}